<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>长虹官网—让想象发生</title>
    <link rel="stylesheet" href="./css/style.css">
    <link rel="icon" href="images/topbiao_03.png">
    <link rel="stylesheet" href="./swiper-4.5.0/dist/css/swiper.min.css">
    <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
</head>
<body>
<div class="top-tu0">
    <a href="javascript:void(0)">
        <img src="./images/1.jpg" alt="">
    </a>
</div>
<div class="top-text">
    <div class="container w">
        <div class="top-text-left">
            <ul class="w">
                <li><a href="./index.html" style="background: #555">长虹官网</a></li>
                <li><a href="./AboutChanghong.html">关于长虹</a></li>
                <li><a href="javascript:void(0)">商务合作</a></li>
                <li><a href="javascript:void(0)"><img src="./images/2.png" alt="">&nbsp;&nbsp;English</a></li>
            </ul>
        </div>
        <div class="top-text-right">
            <div class="text-right-d">
                <a href="">登录</a>
                <span>|</span>
                <a href="">注册</a>
            </div>
            <div class="text-right-0 w">
                <div class="text-right-1">
                    <div class="text-right-2"><a href="">我的长虹</a></div>
                </div>
                <div class="text-right-1">
                    <div class="text-right-3">
                        <a href="">虹创有品</a>
                        <img src="./images/erweima01.jpg" alt="">
                    </div>
                </div>
                <div class="text-right-1">
                    <div class="text-right-4">
                        <a href="">购物车</a>
                    </div>
                </div>
            </div>

        </div>
    </div>
</div>
<div class="header-nav">
    <div class="container w nav-1">
        <div class="logo">
            <a href="">
                <img src="./images/logo.png" alt="">
            </a>
        </div>
        <div class="ansan">
            <div class="anniu" id="anniu">

            </div>
            <div class="cha-a" id="cha_a">

            </div>
        </div>
        <div class="nav-nav" id="nav_nav">
            <ul>
                <li class="txt-1">
                    <div class="nav-text"><a href="./index.html">首页</a></div>
                </li>
                <li>
                    <div class="nav-text"><a href="">电视</a></div>
                    <div class="ds-1">
                        <div class="container w">
                            <p class="ds-title">
                                <a href="">热门推荐</a>
                            </p>
                            <div class="ds-2 w">
                                <div class="ds-2-tu">
                                    <a href="" class="ds-tu1">
                                        <img src="./images/05.jpg" alt="">
                                    </a>
                                    <p><a href="">65英寸OLED电视</a></p>
                                    <h1>￥21997.00</h1>
                                    <div class="line"></div>
                                </div>
                                <div class="ds-2-tu">
                                    <a href="" class="ds-tu1">
                                        <img src="./images/06.jpg" alt="">
                                    </a>
                                    <p><a href="">55英寸AI无边全面屏</a></p>
                                    <h1>￥2999.00</h1>
                                    <div class="line"></div>
                                </div>
                                <div class="ds-2-tu">
                                    <a href="" class="ds-tu1">
                                        <img src="./images/07.jpg" alt="">
                                    </a>
                                    <p><a href="">50英寸超薄人工智能</a></p>
                                    <h1>￥5397.00</h1>
                                    <div class="line"></div>
                                </div>
                                <div class="ds-2-tu">
                                    <a href="" class="ds-tu1">
                                        <img src="./images/012.jpg" alt="">
                                    </a>
                                    <p><a href="">高亮4K激光影院</a></p>
                                    <h1>￥69997.00</h1>
                                    <div class="line"></div>
                                </div>
                            </div>
                        </div>
                    </div>
                </li>
                <li>
                    <div class="nav-text"><a href="">空调</a></div>
                    <div class="ds-1">
                        <div class="container">
                            <p class="ds-title">
                                <a href="">热门推荐</a>
                            </p>
                            <div class="ds-2 w">
                                <div class="ds-2-tu">
                                    <a href="" class="ds-tu1">
                                        <img src="./images/014.jpg" alt="">
                                    </a>
                                    <p><a href="" title="3P一级节能 人工智能变频空调">3P一级节能 人...</a></p>
                                    <h1>￥13999.00</h1>
                                    <div class="line"></div>
                                </div>
                                <div class="ds-2-tu">
                                    <a href="" class="ds-tu1">
                                        <img src="./images/017.jpg" alt="">
                                    </a>
                                    <p><a href="" title="3P一级节能冷暖变频艺术圆柱柜">3P一级节能冷...</a></p>
                                    <h1>￥6999.00</h1>
                                    <div class="line"></div>
                                </div>
                                <div class="ds-2-tu">
                                    <a href="" class="ds-tu1">
                                        <img src="./images/020.jpg" alt="">
                                    </a>
                                    <p><a href="" title="1.5P 二级能效 冷暖变频空调">1.5P 二级能效...</a></p>
                                    <h1>￥2599.00</h1>
                                    <div class="line"></div>
                                </div>
                                <div class="ds-2-tu">
                                    <a href="" class="ds-tu1">
                                        <img src="./images/021.jpg" alt="">
                                    </a>
                                    <p><a href="" title="1.5P一级节能 变频冷暖空调">1.5P一级节能 ...</a></p>
                                    <h1>￥3999.00</h1>
                                    <div class="line"></div>
                                </div>
                            </div>
                        </div>
                    </div>
                </li>
                <li>
                    <div class="nav-text"><a href="">冰洗</a></div>
                    <div class="ds-1">
                        <div class="container">
                            <p class="ds-title">
                                <a href="">热门推荐</a>
                            </p>
                            <div class="ds-2 w">
                                <div class="ds-2-tu">
                                    <a href="" class="ds-tu1">
                                        <img src="./images/b1.jpg" alt="">
                                    </a>
                                    <p><a href="" title="M鲜生对开门冰箱">M鲜生对开门冰箱</a></p>
                                    <h1>￥9999.00</h1>
                                    <div class="line"></div>
                                </div>
                                <div class="ds-2-tu">
                                    <a href="" class="ds-tu1">
                                        <img src="./images/b2.jpg" alt="">
                                    </a>
                                    <p><a href="" title="M鲜生法式五门冰箱">M鲜生法式五门...</a></p>
                                    <h1>￥6999.00</h1>
                                    <div class="line"></div>
                                </div>
                                <div class="ds-2-tu">
                                    <a href="" class="ds-tu1">
                                        <img src="./images/b3.jpg" alt="">
                                    </a>
                                    <p><a href="" title="M鲜生十字对开冰箱">M鲜生十字对开...</a></p>
                                    <h1>￥8999.00</h1>
                                    <div class="line"></div>
                                </div>
                                <div class="ds-2-tu">
                                    <a href="" class="ds-tu1">
                                        <img src="./images/b4.jpg" alt="">
                                    </a>
                                    <p><a href="" title="保鲜的十字对开冰箱">保鲜的十字对...</a></p>
                                    <h1>￥9999.00</h1>
                                    <div class="line"></div>
                                </div>
                            </div>
                        </div>
                    </div>
                </li>
                <li>
                    <div class="nav-text"><a href="">显示器</a></div>
                    <div class="ds-1">
                        <div class="container">
                            <p class="ds-title">
                                <a href="">热门推荐</a>
                            </p>
                            <div class="ds-2 w">
                                <div class="ds-2-tu">
                                    <a href="" class="ds-tu1">
                                        <img src="./images/x01.jpg" alt="">
                                    </a>
                                    <p><a href="" title="32吋曲面窄边游戏电竞">32吋曲面窄边...</a></p>
                                    <h1>￥2399.00</h1>
                                    <div class="line"></div>
                                </div>
                                <div class="ds-2-tu">
                                    <a href="" class="ds-tu1">
                                        <img src="./images/x02.jpg" alt="">
                                    </a>
                                    <p><a href="" title="32吋曲面窄边游戏电竞">32吋曲面窄边游戏电竞</a></p>
                                    <h1>￥1899.00</h1>
                                    <div class="line"></div>
                                </div>
                                <div class="ds-2-tu">
                                    <a href="" class="ds-tu1">
                                        <img src="./images/z3.jpg" alt="">
                                    </a>
                                    <p><a href="" title="27吋窄边蓝光高清">27吋窄边蓝光高清</a></p>
                                    <h1>￥1299.00</h1>
                                    <div class="line"></div>
                                </div>
                                <div class="ds-2-tu">
                                    <a href="" class="ds-tu1">
                                        <img src="./images/z4.jpg" alt="">
                                    </a>
                                    <p><a href="" title="27吋窄边蓝光高清">27吋窄边蓝光高清</a></p>
                                    <h1>￥899.00</h1>
                                    <div class="line"></div>
                                </div>
                            </div>
                        </div>
                    </div>
                </li>
                <li>
                    <div class="nav-text"><a href="./service.html">服务</a></div>
                    <div class="ds-1">
                        <div class="container">
                            <p class="ds-title">
                                <a href="">热门推荐</a>
                            </p>
                            <div class="ds-2 w">
                                <div class="ds-2-tu">
                                    <a href="" class="ds-tu1">
                                        <img src="./images/fw01.png" alt="">
                                    </a>
                                    <p><a href="" title="产品报修服务">产品报修服务</a></p>

                                    <div class="line"></div>
                                </div>
                                <div class="ds-2-tu">
                                    <a href="" class="ds-tu1">
                                        <img src="./images/fw02.png" alt="">
                                    </a>
                                    <p><a href="" title="安装与迁移服务">安装与迁移服务</a></p>

                                    <div class="line"></div>
                                </div>
                                <div class="ds-2-tu">
                                    <a href="" class="ds-tu1">
                                        <img src="./images/fw03.png" alt="">
                                    </a>
                                    <p><a href="" title="服务政策">服务政策</a></p>

                                    <div class="line"></div>
                                </div>
                                <div class="ds-2-tu">
                                    <a href="" class="ds-tu1">
                                        <img src="./images/fw04.png" alt="">
                                    </a>
                                    <p><a href="" title="常见问题">常见问题</a></p>

                                    <div class="line"></div>
                                </div>
                            </div>
                        </div>
                    </div>
                </li>
                <li>
                    <div class="nav-text"><a href="">社区</a></div>
                </li>
            </ul>
        </div>

        <div class="nav-js-1">
            <div class="search">
                <input type="text" placeholder="D7P" class="in-text">
                <input type="button" class="in-but">

            </div>
        </div>
        <div class="nav-xilie">
            <ul class="w">
                <li>
                    <div class="xi-1-a xi-1-tu1">
                        <a href="">启客系列</a>
                    </div>
                    <div class="xi-text-1">
                        <div class="list-1">
                            <a href="" class="list-tu"><img src="./images/yin11.jpg" alt="">CHiQ电视</a>
                            <div class="list-1-a">
                                <a href="">Q5R</a>
                                <a href="">Q5K</a>
                                <a href="">Q5N</a>
                                <a href="">Q5T</a>
                                <a href="">Q5A</a>
                                <a href="">Q3R</a>
                                <a href="">Q3T</a>
                                <a href="">Q3A</a>
                                <a href="">Q2FU</a>
                                <a href="">Q3EU</a>
                                <a href="">Q6K</a>
                                <a href="">Q6N</a>
                                <a href="">Q6A</a>
                            </div>
                        </div>
                        <div class="list-1">
                            <a href="" class="list-tu"><img src="./images/yin12.png" alt="">CHiQ空调</a>
                            <div class="list-1-a">
                                <a href="">立柜式</a>
                                <a href="">壁挂式</a>
                            </div>
                        </div>
                        <div class="list-1">
                            <a href="" class="list-tu"><img src="./images/yin13.png" alt="">CHiQ冰箱</a>
                            <div class="list-1-a">
                                <a href="">对开门</a>
                            </div>
                        </div>
                    </div>
                </li>
                <li>
                    <div class="xi-2-a xi-1-tu1">
                        <a href="">平板电视</a>
                    </div>
                    <div class="xi-text-1">
                        <div class="list-1">
                            <a href="" class="list-tu"><img src="./images/yin21.jpg" alt="">激光电视</a>
                        </div>
                        <div class="list-1">
                            <a href="" class="list-tu"><img src="./images/yin22.jpg" alt="">智能电视</a>
                        </div>
                        <div class="list-1">
                            <a href="" class="list-tu"><img src="./images/yin23.png" alt="">4K超高清</a>
                        </div>
                        <div class="list-1">
                            <a href="" class="list-tu"><img src="./images/yin24.jpg" alt="">HDR电视</a>
                        </div>
                        <div class="list-1">
                            <a href="" class="list-tu"><img src="./images/yin25.jpg" alt="">商用显示</a>
                        </div>
                    </div>
                </li>
                <li>
                    <div class="xi-3-a xi-1-tu1">
                        <a href="">空调产品</a>
                    </div>
                    <div class="xi-text-1">
                        <div class="list-1">
                            <a href="" class="list-tu"><img src="./images/yin31.png" alt="">壁挂式</a>
                            <div class="list-1-a">
                                <a href="">大1P</a>
                                <a href="">正1.5</a>
                                <a href="">2P</a>
                            </div>
                        </div>
                        <div class="list-1">
                            <a href="" class="list-tu"><img src="./images/yin32.png" alt="">立柜式</a>
                            <div class="list-1-a">
                                <a href="">2P</a>
                                <a href="">3P</a>
                            </div>
                        </div>
                        <div class="list-1">
                            <a href="" class="list-tu"><img src="./images/yin33.png" alt="">中央空调</a>
                            <div class="list-1-a">
                                <a href="">风管机</a>
                                <a href="">天花机</a>
                            </div>
                        </div>
                    </div>
                </li>
                <li>
                    <div class="xi-4-a xi-1-tu1">
                        <a href="">冰洗产品</a>
                    </div>
                    <div class="xi-text-1">
                        <div class="list-1">
                            <a href="" class="list-tu"><img src="./images/yin41.png" alt="">冰箱</a>
                            <div class="list-1-a">
                                <a href="">对开门</a>
                                <a href="">三门</a>
                                <a href="">多门</a>
                            </div>
                        </div>
                        <div class="list-1">
                            <a href="" class="list-tu"><img src="./images/yin42.jpg" alt="">洗衣机</a>
                            <div class="list-1-a">
                                <a href="">波轮洗衣机</a>
                                <a href="">滚筒洗衣机</a>
                            </div>
                        </div>
                        <div class="list-1">
                            <a href="" class="list-tu"><img src="./images/yin43.jpg" alt="">冰柜</a>

                        </div>
                    </div>
                </li>
                <li>
                    <div class="xi-5-a xi-1-tu1">
                        <a href="">生活家电</a>
                    </div>
                    <div class="xi-text-1">
                        <div class="list-1">
                            <a href="" class="list-tu"><img src="./images/yin51.png" alt="">生活电器</a>
                            <div class="list-1-a">
                                <a href="">净化器</a>
                                <a href="">净水器</a>
                                <a href="">风扇</a>
                            </div>
                        </div>
                        <div class="list-1">
                            <a href="" class="list-tu"><img src="./images/yin52.jpg" alt="">厨卫大电</a>
                            <div class="list-1-a">
                                <a href="">集成灶</a>
                                <a href="">吸油烟机</a>
                                <a href="">燃气灶</a>
                                <a href="">电热水器</a>
                                <a href="">空气能热水器</a>
                            </div>
                        </div>
                        <div class="list-1">
                            <a href="" class="list-tu"><img src="./images/yin53.jpg" alt="">厨卫小电</a>
                            <div class="list-1-a">
                                <a href="">养生壶</a>
                                <a href="">电压力锅</a>
                                <a href="">电饭煲</a>
                                <a href="">厨卫配件</a>
                            </div>
                        </div>
                    </div>
                </li>
                <li>
                    <div class="xi-6-a xi-1-tu1">
                        <a href="">数码影音</a>
                    </div>
                    <div class="xi-text-1">
                        <div class="list-1">
                            <a href="" class="list-tu"><img src="./images/yin61.png" alt="">移动通讯</a>
                            <div class="list-1-a">
                                <a href="">手机</a>
                            </div>
                        </div>
                        <div class="list-1">
                            <a href="" class="list-tu"><img src="./images/yin62.png" alt="">娱乐影音</a>
                            <div class="list-1-a">
                                <a href="">音箱</a>
                            </div>
                        </div>
                        <div class="list-1">
                            <a href="" class="list-tu"><img src="./images/yin63.jpg" alt="">数码配件</a>
                            <div class="list-1-a">
                                <a href="">移动电源</a>
                                <a href="">电池</a>
                                <a href="">耳机</a>
                                <a href="">智能机器人</a>
                            </div>
                        </div>
                        <div class="list-1">
                            <a href="" class="list-tu"><img src="" alt="">周边电视</a>
                            <div class="list-1-a">
                                <a href="">虚拟卡</a>
                            </div>
                        </div>
                    </div>
                </li>
                <li>
                    <div class="xi-7-a xi-1-tu1">
                        <a href="">智慧家庭</a>
                    </div>
                    <div class="xi-text-1">
                        <div class="list-1">
                            <a href="" class="list-tu"><img src="./images/yin71.jpg" alt="">照明</a>
                            <div class="list-1-a">
                                <a href="">智能照明</a>
                                <a href="">手电</a>
                            </div>
                        </div>
                        <div class="list-1">
                            <a href="" class="list-tu"><img src="./images/yin72.jpg" alt="">显示器</a>
                        </div>
                        <div class="list-1">
                            <a href="" class="list-tu"><img src="./images/yin73.jpg" alt="">健康产品</a>
                        </div>
                        <div class="list-1">
                            <a href="" class="list-tu"><img src="./images/yin74.jpg" alt="">生物医疗</a>
                            <div class="list-1-a">
                                <a href="">医用冷藏/冷冻</a>
                            </div>
                        </div>
                        <div class="list-1">
                            <a href="" class="list-tu"><img src="./images/yin75.png" alt="">家庭装饰</a>
                            <div class="list-1-a">
                                <a href="">灯饰照明</a>
                                <a href="">智能门锁</a>
                            </div>
                        </div>
                    </div>
                </li>
            </ul>
        </div>
    </div>
</div>

<main>
    <div class="main-lun">
        <div class="swiper-container">
            <div class="swiper-wrapper">
                <div class="swiper-slide"><img src="./images/l1.jpg" alt=""></div>
                <div class="swiper-slide"><img src="./images/l2.jpg" alt=""></div>
                <div class="swiper-slide"><img src="./images/l3.jpg" alt=""></div>
            </div>
            <!-- Add Pagination -->
            <div class="swiper-pagination"></div>
            <!-- Add Arrows -->
            <div class="swiper-button-next"></div>
            <div class="swiper-button-prev"></div>
        </div>
    </div>
    <div class="container">
        <div class="gong">
            <div class="gong-top">
                <h1>公告：</h1>
            </div>
            <div class="gong-bottom w">
                <div class="gong-list">
                    <div class="gong-list-1">
                        <span class="list-l"></span>
                        <span class="list-s"></span>
                        <ul>
                            <li><a href="">
                                <img src="./images/15.png" alt="">
                                <span>社区活动</span>
                            </a></li>
                            <li><a href="">
                                <img src="./images/16.png" alt="">
                                <span>购物指南</span>
                            </a></li>
                            <li><a href="">
                                <img src="./images/17.png" alt="">
                                <span>测评专区</span>
                            </a></li>
                            <li><a href="">
                                <img src="./images/18.png" alt="">
                                <span>电子发票</span>
                            </a></li>

                        </ul>
                    </div>
                </div>
                <div class="gong-list">
                    <div class="list-tu-1">
                        <a href=""><img src="./images/01.jpg" alt=""></a>
                    </div>
                </div>
                <div class="gong-list">
                    <div class="list-tu-1">
                        <a href=""><img src="./images/02.jpg" alt=""></a>
                    </div>
                </div>
                <div class="gong-list">
                    <div class="list-tu-1">
                        <a href=""><img src="./images/03.jpg" alt=""></a>
                    </div>
                </div>
            </div>
        </div>
        <div class="dscp w">
            <div class="dscp-left">
                <div class="dscp-left-text w">
                    <p>电视产品</p>
                    <a href="">查看更多 ></a>
                </div>
                <a href="" class="dstu-1">
                    <img src="./images/04.jpg" alt="">
                    <div class="bb"></div>
                </a>
            </div>
            <div class="dscp-right">
                <div class="dscp-right-top">
                    <ul>
                        <li><a href="">CHiQ电视</a></li>
                        <li><a href="">激光电视</a></li>
                        <li><a href="">4K超高清电视</a></li>
                        <li><a href="">HDR电视</a></li>
                        <li><a href="">智能语音电视</a></li>
                    </ul>
                </div>
                <div class="dscp-right-bottom w" id="app">
                    <div class="dscp-1" v-for="asd in message">
                        <div class="dscp-img">
                            <a href=""><img :src="asd.img" alt=""></a>
                        </div>
                        <div class="dscp-txt">
                            <h1><a href="">{{asd.title}}</a></h1>
                            <p>{{asd.txt}}</p>
                            <h2>{{asd.join}}</h2>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="dscp w">
            <div class="dscp-left">
                <div class="dscp-left-text w">
                    <p class="kt">空调产品</p>
                    <a href="" class="ck-1">查看更多 ></a>
                </div>
                <a href="" class="dstu-1"><img src="./images/013.jpg" alt=""><div class="bb"></div></a>
            </div>
            <div class="dscp-right">
                <div class="dscp-right-top">
                    <ul>
                        <li><a href="">CHiQ空调</a></li>
                        <li><a href="">壁挂式</a></li>
                        <li><a href="">立柜式</a></li>
                    </ul>
                </div>
                <div class="dscp-right-bottom w" id="app_2">
                    <div class="dscp-1" v-for="qwe in message">
                        <div class="dscp-img">
                            <a href=""><img :src="qwe.img" alt=""></a>
                        </div>
                        <div class="dscp-txt">
                            <h1><a href="">{{qwe.title}}</a></h1>
                            <p>{{qwe.txt}}</p>
                            <h2>{{qwe.join}}</h2>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="dscp w">
            <div class="dscp-left">
                <div class="dscp-left-text w">
                    <p class="bx">冰洗产品</p>
                    <a href="" class="ck-2">查看更多 ></a>
                </div>
                <a href="" class="dstu-1"><img src="./images/b0.jpg" alt=""><div class="bb"></div></a>
            </div>
            <div class="dscp-right">
                <div class="dscp-right-top">
                    <ul>
                        <li><a href="">冰箱</a></li>
                        <li><a href="">洗衣机</a></li>
                    </ul>
                </div>
                <div class="dscp-right-bottom w" id="app_3">
                    <div class="dscp-1" v-for="zxc in message">
                        <div class="dscp-img">
                            <a href=""><img :src="zxc.img" alt=""></a>
                        </div>
                        <div class="dscp-txt">
                            <h1><a href="">{{zxc.title}}</a></h1>
                            <p>{{zxc.txt}}</p>
                            <h2>{{zxc.join}}</h2>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="dscp w">
            <div class="dscp-left">
                <div class="dscp-left-text w">
                    <p class="sh">生活家电</p>
                    <a href="" class="ck-3">查看更多 ></a>
                </div>
                <a href="" class="dstu-1"><img src="./images/s0.jpg" alt=""><div class="bb"></div></a>
            </div>
            <div class="dscp-right">
                <div class="dscp-right-top">
                    <ul>
                        <li><a href="">生活电器</a></li>
                        <li><a href="">厨卫大电</a></li>
                        <li><a href="">厨卫小电</a></li>
                    </ul>
                </div>
                <div class="dscp-right-bottom w" id="app_4">
                    <div class="dscp-1" v-for="tyu in message">
                        <div class="dscp-img">
                            <a href=""><img :src="tyu.img" alt=""></a>
                        </div>
                        <div class="dscp-txt">
                            <h1><a href="">{{tyu.title}}</a></h1>
                            <p>{{tyu.txt}}</p>
                            <h2>{{tyu.join}}</h2>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="zbcp w">
            <div class="zbcp-left w">
                <div class="zbcp-left-text w">
                    <p class="zb">周边产品</p>
                    <a href="" class="ck-4">查看更多 ></a>
                </div>
                <a href="" class="zbtu-1"><img src="./images/z0.jpg" alt=""></a>
            </div>
            <div class="zbcp-right w">
                <div class="zbcp-right-top">
                    <ul>

                    </ul>
                </div>
                <div class="zbcp-right-bottom w" id="app_5">
                    <div class="zbcp-1" v-for="jkl in message">
                        <div class="zbcp-img">
                            <a href=""><img :src="jkl.img" alt=""></a>
                        </div>
                        <div class="zbcp-txt">
                            <h1><a href="">{{jkl.title}}</a></h1>
                            <p>{{jkl.txt}}</p>
                            <h2>{{jkl.join}}</h2>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

</main>
<div class="footer w">
    <div class="container w">
        <div class="footer-center">
            <div class="center-t w">
                <div class="t-le w">
                    <div class="le-icon-1"><img src="./images/f1.png" alt=""></div>
                    <div class="le-txt">
                        <h1>物流快线</h1>
                        <p>及时响应准确送达</p>
                    </div>
                </div>
                <div class="t-ri w">
                    <div class="le-icon-1"><img src="./images/f3.png" alt=""></div>
                    <div class="le-txt">
                        <h1>无忧报修</h1>
                        <p>7*24小时客服热线</p>
                    </div>
                </div>
                <div class="t-cen">
                    <div class="le-icon-1"><img src="./images/f2.png" alt=""></div>
                    <div class="le-txt">
                        <h1>售后网点</h1>
                        <p>20000余家售后网点</p>
                    </div>
                </div>
            </div>
            <div class="center-b w">
                <div class="cen-b-1 w">
                    <ul class="fl-l">
                        <li class="tit-1">品牌渠道</li>
                        <li><a href="">长虹天猫</a></li>
                        <li><a href="">长虹京东</a></li>
                        <li><a href="">长虹苏宁</a></li>
                        <li><a href="">长虹国美</a></li>
                    </ul>
                    <ul class="fl-l mar">
                        <li class="tit-1">友情链接</li>
                        <li><a href="">MELING美菱</a></li>
                        <li><a href="">中科美菱</a></li>
                        <li><a href="">日电科技</a></li>
                        <li><a href="">长虹手机</a></li>
                    </ul>
                    <ul class="fl-l mar">
                        <li class="tit-1">友情链接</li>
                        <li><a href="">家事帮</a></li>
                        <li><a href="">腾讯视频•TV端</a></li>
                        <li><a href="">虹创有品</a></li>
                    </ul>
                    <ul class="fl-l fl-r ppo">
                        <li class="tit-1">服务支持</li>
                        <li><a href="">产品查询</a></li>
                        <li><a href="">维修服务</a></li>
                        <li><a href="">延保服务</a></li>
                        <li><a href="">下载中心</a></li>
                    </ul>
                </div>
                <div class="cen-b-2 w">
                    <ul class="fl-l">
                        <li class="tit-1">长虹集团</li>
                        <li><a href="">公司动态</a></li>
                        <li><a href="">投资者关系</a></li>
                    </ul>
                    <ul class="fl-l oop">
                        <li class="tit-1">商务合作</li>
                        <li><a href="">经销商登录</a></li>
                        <li><a href="">供应商登录</a></li>
                        <li><a href="">服务商登录</a></li>
                    </ul>
                    <div class="hen-x w">
                        <p class="fl-l-2">
                            <a href="">积分商城</a>
                        </p>
                        <p class="fl-r-2">
                            <a href="">购物指南</a>
                        </p>
                    </div>
                </div>
                <div class="cen-b-3">
                    <p class="zx-a">
                        <a href="">在线客服</a>
                    </p>
                    <p class="wt-a">
                        <a href="">问题反馈</a>
                    </p>
                    <h1>4008-111-666</h1>
                    <h1>4008-111-666</h1>
                </div>
                <div class="cen-b-4 w">
                    <div class="b-4-le">
                        <img src="./images/f6.jpg" alt="">
                        <p>官方特卖</p>
                    </div>
                    <div class="b-4-ri">
                        <img src="./images/f7.jpg" alt="">
                        <p>官方特卖</p>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="footer-bot">
        <div class="container w hid">
            <div class="foot-bot-1">
                <img src="./images/f9.png" alt="">
            </div>
            <div class="foot-bot-2">
                <p><a href="">蜀ICP备09001737号-1</a> | © 2019 四川长虹电器股份有限公司 版权所有</p>
                <p>地址：四川省绵阳市高新区绵兴东路35号</p>
            </div>
            <div class="foot-bot-3 w">
                <p><img src="./images/f01.png" alt="">经营性网站备案信息</p>
                <p><img src="./images/f02.png" alt="" style="width: 24px;height: 20px">诚信网站</p>
                <p><img src="./images/f03.gif" alt="" style="width: 20px;height: 20px">工商网监</p>
                <p><img src="./images/f04.png" alt="" style="width: 18px;height: 20px">网上交易保障中心</p>
                <p><img src="./images/f05.png" alt="" style="width: 20px;height: 20px">可信网站信用评估</p>
            </div>
        </div>
    </div>
</div>
<div class="left-fix" id="left_fix">
    <ul>
        <li id="list1"><a href="javascript:void(0)" id="list1_txt">热门</a></li>
        <li id="list2"><a href="javascript:void(0)" id="list2_txt">电视</a></li>
        <li id="list3"><a href="javascript:void(0)" id="list3_txt">空调</a></li>
        <li id="list4"><a href="javascript:void(0)" id="list4_txt">冰洗</a></li>
        <li id="list5"><a href="javascript:void(0)" id="list5_txt">生活</a></li>
        <li id="list6"><a href="javascript:void(0)" id="list6_txt">周边</a></li>
    </ul>
</div>
<div class="right-fix" id="right_fix">
    <ul>
        <li><a href="javascript:void(0)">
            <img src="./images/1-1.jpg" alt="" class="right-fix-tu1">
        </a></li>
        <li><a href="javascript:void(0)">
            <img src="./images/1-2.jpg" alt="">
        </a></li>
        <li id="right_top"><a href="javascript:void(0)">
            <img src="./images/1-3.jpg" alt="">
        </a></li>
    </ul>
</div>
<script src="swiper-4.5.0/dist/js/swiper.min.js"></script>
<script src="./js/vue.min.js"></script>
<script src="./js/axios.min.js"></script>
<script src="./js/script.js"></script>
</body>
</html>